<template>
  <div>
      <h3>
          vue指令以v开头
      </h3>
      <p>v-bind 动态的设置html标签属性</p>
      <!-- 完整语法 v-dind:属性名=‘属性值’ -->
      <a v-bind:href="url">百度</a><br>
      <!-- 简写  ：属性名：‘属性值’ -->
      <a :href="url">去百度</a>
  </div>
</template>

<script>
export default {
data(){
    return{
        url:'http://www.baidu.com'
    }
}
}
</script>

<style>

</style>